<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>购物商城</title>
    <link rel="stylesheet" href="../css/normalize.css">
    <link rel="stylesheet" href="../css/common.css">
    <link rel="stylesheet" href="../css/home.css">
    <link rel="stylesheet" href="../css/slider.css">
    <!-- 引入jq -->
    <script src="../lib/jquery.min.js"></script>
    <!-- 引入插件 -->
    <script src="../lib/jquery.slidebox.js"></script>
    <script src="../js/home.js"></script>
</head>

<body class="mb200">
    <!-- 头部开始 -->
    <div class="head">
        <div class="head-top container-fluid">
            <div class="container">
                <div class="fl">legochina. cn</div>
                <div class="fr">欢迎光临<a href="">乐购</a>,请<a href="">登录\</a><a href="">注册</a></div>
                <h1><img src="../imgs/img/LOGO_02.jpg" alt=""></h1>
            </div>
        </div>
        <div class="head-con container clearfix">
            <div class="fr">
                <a href="shopcar.html"><span>购物车 3</span></a>
                <a href="#">我的订单</a>
            </div>
            <div class="fr">
                <input type="submit" value="" class="fr">
                <input type="text" value="创意文具" class="search fr">
            </div>


        </div>
        <div class="head-nav container clearfix">

            <ul class="fr">
                <li><a>图书</a></li>
                <li><a>电子书</a></li>
                <li><a>原创文学</a></li>
                <li><a>服装</a></li>
                <li><a>运动户外</a></li>
                <li><a>孕婴童</a></li>
                <li><a>家居用品</a></li>
                <li><a>创意文具</a></li>
                <li><a>地方特产</a></li>
                <li><a>海外淘</a></li>
                <li><a>电器城</a></li>
            </ul>
        </div>


    </div>

    <!-- 菜单轮播图开始 -->
    <div class="menuslide container clearfix">
        <!-- 菜单开始 -->
        <div class="menu fl">
            <ul>
                <li>
                    <p>
                        <a href="#">图书</a>
                        <a href="#">电子书</a>
                        <a href="#">童书</a>
                    </p>
                    <div>
                        1
                    </div>
                </li>
                <li>
                    <p>
                        <a href="#">图书</a>
                        <a href="#">电子书</a>
                        <a href="#">童书</a>
                    </p>
                    <div>
                        2
                    </div>
                </li>
                <li>
                    <p>
                        <a href="#">图书</a>
                        <a href="#">电子书</a>
                        <a href="#">童书</a>
                    </p>
                    <div>
                        3
                    </div>
                </li>
                <li>
                    <p>
                        <a href="#">图书</a>
                        <a href="#">电子书</a>
                        <a href="#">童书</a>
                    </p>
                    <div>
                        4
                    </div>
                </li>
                <li>
                    <p>
                        <a href="#">图书</a>
                        <a href="#">电子书</a>
                        <a href="#">童书</a>
                    </p>
                    <div>
                        5
                    </div>
                </li>
            </ul>

        </div>
        <!-- 轮播图开始 -->
        <div class="slide fl">
            <div class="pptbox " id="slider">
                <ul class="innerwrapper">
                    <li>
                        <a href="#">
                            <img src="../imgs/img//banner1.jpg" />
                        </a>
                    </li>
                    <li>
                        <a href="#">
                            <img src="../imgs/img//banner2.jpg" />
                        </a>
                    </li>
                    <li>
                        <a href="#">
                            <img src="../imgs/img//banner3.jpg" />
                        </a>
                    </li>
                    <li>
                        <a href="#">
                            <img src="../imgs/img//banner4.jpg" />
                        </a>
                    </li>
                    <li>
                        <a href="#">
                            <img src="../imgs/img//banner5.jpg" />
                        </a>
                    </li>
                </ul>
                <ul class="controls">
                    <li class="current">1</li>
                    <li>2</li>
                    <li>3</li>
                    <li>4</li>
                    <li>5</li>
                </ul>
                <span class="btnleft"></span>
                <span class="btnright"></span>
            </div>

        </div>
    </div>
    <!-- 今日推荐开始 -->
    <div class="today mt10 container">
        <div class="today-top">
            <h2 class="fs24 cf60">乐购 . 今日推荐</h2>
        </div>
        <ul class="today-list ">
            <li>
                <p><img src="../imgs/img/index06_05.jpg" alt=""></p>
                <img src="../imgs/img/index05_18.jpg" alt="">
                <p>黑爵青峰侠六健电竞游戏鼠标</p>
                <p>全国联保 一年免费包换</p>
                <p>&yen; :299</p>
            </li>
            <li>
                <p><img src="../imgs/img/index06_05.jpg" alt=""></p>
                <img src="../imgs/img/index05_18.jpg" alt="">
                <p>黑爵青峰侠六健电竞游戏鼠标</p>
                <p>全国联保 一年免费包换</p>
                <p>&yen; :299</p>
            </li>
            <li>
                <p><img src="../imgs/img/index06_05.jpg" alt=""></p>
                <img src="../imgs/img/index05_18.jpg" alt="">
                <p>黑爵青峰侠六健电竞游戏鼠标</p>
                <p>全国联保 一年免费包换</p>
                <p>&yen; :299</p>
            </li>
            <li>
                <p><img src="../imgs/img/index06_05.jpg" alt=""></p>
                <img src="../imgs/img/index05_18.jpg" alt="">
                <p>黑爵青峰侠六健电竞游戏鼠标</p>
                <p>全国联保 一年免费包换</p>
                <p>&yen; :299</p>
            </li>
            <li>
                <p><img src="../imgs/img/index06_05.jpg" alt=""></p>
                <img src="../imgs/img/index05_18.jpg" alt="">
                <p>黑爵青峰侠六健电竞游戏鼠标</p>
                <p>全国联保 一年免费包换</p>
                <p>&yen; :299</p>
            </li>
            <li>
                <p><img src="../imgs/img/index06_05.jpg" alt=""></p>
                <img src="../imgs/img/index05_18.jpg" alt="">
                <p>黑爵青峰侠六健电竞游戏鼠标</p>
                <p>全国联保 一年免费包换</p>
                <p>&yen; :299</p>
            </li>
            <li>
                <p><img src="../imgs/img/index06_05.jpg" alt=""></p>
                <img src="../imgs/img/index05_18.jpg" alt="">
                <p>黑爵青峰侠六健电竞游戏鼠标</p>
                <p>全国联保 一年免费包换</p>
                <p>&yen; :299</p>
            </li>
            <li>
                <p><img src="../imgs/img/index06_05.jpg" alt=""></p>
                <img src="../imgs/img/index05_18.jpg" alt="">
                <p>黑爵青峰侠六健电竞游戏鼠标</p>
                <p>全国联保 一年免费包换</p>
                <p>&yen; :299</p>
            </li>
            <li>
                <p><img src="../imgs/img/index06_05.jpg" alt=""></p>
                <img src="../imgs/img/index05_18.jpg" alt="">
                <p>黑爵青峰侠六健电竞游戏鼠标</p>
                <p>全国联保 一年免费包换</p>
                <p>&yen; :299</p>
            </li>
            <li>
                <p><img src="../imgs/img/index06_05.jpg" alt=""></p>
                <img src="../imgs/img/index05_18.jpg" alt="">
                <p>黑爵青峰侠六健电竞游戏鼠标</p>
                <p>全国联保 一年免费包换</p>
                <p>&yen; :299</p>
            </li>
            <li>
                <p><img src="../imgs/img/index06_05.jpg" alt=""></p>
                <img src="../imgs/img/index05_18.jpg" alt="">
                <p>黑爵青峰侠六健电竞游戏鼠标</p>
                <p>全国联保 一年免费包换</p>
                <p>&yen; :299</p>
            </li>
            <li>
                <p><img src="../imgs/img/index06_05.jpg" alt=""></p>
                <img src="../imgs/img/index05_18.jpg" alt="">
                <p>黑爵青峰侠六健电竞游戏鼠标</p>
                <p>全国联保 一年免费包换</p>
                <p>&yen; :299</p>
            </li>
        </ul>
    </div>
    <!-- 电子书开始 -->
    <div class="book mt30 container clearfix">
        <div class="book-left fl">
            <div class="bb6 clearfix">
                <h2 class="book-title fs24 fl">图书 电子书</h2>
                <div class="fr">
                    <p class="book-box1 active">最新上架</p>
                    <p class="book-box1">独家畅销</p>
                    <p class="book-box1">电子书</p>

                </div>


            </div>

            <div class="book-left-one clearfix">
                <div class="big-box2 fl">
                    <img src="../imgs/img/index7_07.jpg" alt="">
                    <p class="book-box2">
                        <a href="./productlist.html">青春文学</a>
                        <a href="#">青春文学</a>
                        <a href="#">青春文学</a>
                        <a href="#">青春文学</a>
                        <a href="#">青春文学</a>
                        <a href="#">青春文学</a>
                        <a href="#">青春文学</a>
                        <a href="#">青春文学</a>
                        <a href="#">青春文学</a>
                        <a href="#">青春文学</a>
                        <a href="#">青春文学</a>
                        <a href="#">青春文学</a>
                    </p>



                </div>
                <div class="fr big-box3 " style="height: 440px;width: 656px;">
                    <ul>
                        <li>
                            <div class="pptbox " id="bslider">
                                <ul class="innerwrapper">
                                    <li>
                                        <a href="#">
                                            <img src="../imgs/img//banner1.jpg" />
                                        </a>
                                    </li>
                                    <li>
                                        <a href="#">
                                            <img src="../imgs/img//banner2.jpg" />
                                        </a>
                                    </li>
                                    <li>
                                        <a href="#">
                                            <img src="../imgs/img//banner3.jpg" />
                                        </a>
                                    </li>
                                    <li>
                                        <a href="#">
                                            <img src="../imgs/img//banner4.jpg" />
                                        </a>
                                    </li>
                                    <li>
                                        <a href="#">
                                            <img src="../imgs/img//banner5.jpg" />
                                        </a>
                                    </li>
                                </ul>
                                <ul class="controls">
                                    <li class="current">1</li>
                                    <li>2</li>
                                    <li>3</li>
                                    <li>4</li>
                                    <li>5</li>
                                </ul>
                                <span class="btnleft"></span>
                                <span class="btnright"></span>
                            </div>

                        </li>
                        <li>
                            <p>奥运狂欢</p>
                            <p>10万种电子书 直降40%</p>
                            <img src="../imgs/img/index09_05.jpg" alt="">
                            <p>&yen;49</p>
                        </li>
                        <li>
                            <p>奥运狂欢</p>
                            <p>10万种电子书 直降40%</p>
                            <img src="../imgs/img/index09_05.jpg" alt="">
                            <p>&yen;49</p>
                        </li>
                        <li>
                            <p>奥运狂欢</p>
                            <p>10万种电子书 直降40%</p>
                            <img src="../imgs/img/index09_05.jpg" alt="">
                            <p>&yen;49</p>
                        </li>
                        <li>
                            <p>奥运狂欢</p>
                            <p>10万种电子书 直降40%</p>
                            <img src="../imgs/img/index09_05.jpg" alt="">
                            <p>&yen;49</p>
                        </li>
                        <li>
                            <p>奥运狂欢</p>
                            <p>10万种电子书 直降40%</p>
                            <img src="../imgs/img/index09_05.jpg" alt="">
                            <p>&yen;49</p>
                        </li>
                        <li>
                            <p>奥运狂欢</p>
                            <p>10万种电子书 直降40%</p>
                            <img src="../imgs/img/index09_05.jpg" alt="">
                            <p>&yen;49</p>
                        </li>

                    </ul>

                </div>

            </div>
        </div>
        <div class="book-right fr ">
            <div>
                <h3>新书畅销榜</h3>
                <div>
                    <ul>
                        <li>
                            <span>1</span>
                            <h4 class="on">就喜欢你看不惯我 又干不掉我的样子</h4>
                            <div class="clearfix active">
                                <img class="fl" src="../imgs/img/index08_05.jpg" alt="">
                                <p>红红火火恍恍惚惚或或或或或
                                    或或或或或或或或或或或或或
                                    或或或或或或或或或或或或或
                                    或或或或或或或或或或不合适吧
                                </p>
                            </div>
                        </li>
                        <li>
                            <span>2</span>
                            <h4>就喜欢你看不惯我 又干不掉我的样子</h4>
                            <div class="clearfix">
                                <img class="fl" src="../imgs/img/index08_05.jpg" alt="">
                                <p>红红火火恍恍惚惚或或或或或
                                    或或或或或或或或或或或或或
                                    或或或或或或或或或或或或或
                                    或或或或或或或或或或不合适吧
                                </p>
                            </div>
                        </li>
                        <li>
                            <span>3</span>
                            <h4>就喜欢你看不惯我 又干不掉我的样子</h4>
                            <div class="clearfix">
                                <img class="fl" src="../imgs/img/index08_05.jpg" alt="">
                                <p>红红火火恍恍惚惚或或或或或
                                    或或或或或或或或或或或或或
                                    或或或或或或或或或或或或或
                                    或或或或或或或或或或不合适吧
                                </p>
                            </div>
                        </li>
                        <li>
                            <span>4</span>
                            <h4>就喜欢你看不惯我 又干不掉我的样子</h4>
                            <div class="clearfix">
                                <img class="fl" src="../imgs/img/index08_05.jpg" alt="">
                                <p>红红火火恍恍惚惚或或或或或
                                    或或或或或或或或或或或或或
                                    或或或或或或或或或或或或或
                                    或或或或或或或或或或不合适吧
                                </p>
                            </div>
                        </li>
                        <li>
                            <span>5</span>
                            <h4>就喜欢你看不惯我 又干不掉我的样子</h4>
                            <div class="clearfix">
                                <img class="fl" src="../imgs/img/index08_05.jpg" alt="">
                                <p>红红火火恍恍惚惚或或或或或
                                    或或或或或或或或或或或或或
                                    或或或或或或或或或或或或或
                                    或或或或或或或或或或不合适吧
                                </p>
                            </div>
                        </li>
                        <li>
                            <span>6</span>
                            <h4>就喜欢你看不惯我 又干不掉我的样子</h4>
                            <div class="clearfix">
                                <img class="fl" src="../imgs/img/index08_05.jpg" alt="">
                                <p>红红火火恍恍惚惚或或或或或
                                    或或或或或或或或或或或或或
                                    或或或或或或或或或或或或或
                                    或或或或或或或或或或不合适吧
                                </p>
                            </div>
                        </li>
                        <li>
                            <span>7</span>
                            <h4>就喜欢你看不惯我 又干不掉我的样子</h4>
                            <div class="clearfix">
                                <img class="fl" src="../imgs/img/index08_05.jpg" alt="">
                                <p>红红火火恍恍惚惚或或或或或
                                    或或或或或或或或或或或或或
                                    或或或或或或或或或或或或或
                                    或或或或或或或或或或不合适吧
                                </p>
                            </div>
                        </li>
                    </ul>
                </div>

            </div>
        </div>
    </div>
    <!-- 服装区开始 -->
    <div class="cloths container mt30">
        <div class="cloths-top clearfix">
            <h2 class="fs24 fl">服装</h2>
            <div class=" fr top-list">
                <p class="active">女装内衣</p>
                <p>热销男装</p>
                <p>精品鞋靴</p>
            </div>
        </div>
        <div class="clearfix cloths-middle">
            <div class="cloths-left fl">
                <img src="../imgs/img/index7_17.jpg" alt="">
                <p class="left-list">
                    <a href="">奢侈品</a>
                    <a href="">奢侈品</a>
                    <a href="">奢侈品</a>
                    <a href="">奢侈品</a>
                    <a href="">奢侈品</a>
                    <a href="">奢侈品</a>
                    <a href="">奢侈品</a>
                    <a href="">奢侈品</a>
                    <a href="">奢侈品</a>
                    <a href="">奢侈品</a>
                    <a href="">奢侈品</a>
                    <a href="">奢侈品</a>
                </p>
            </div>
            <div class="cloths-right">
                <ul class="fr ">
                    <li>
                        <div class="pptbox " id="cslider">
                            <ul class="innerwrapper">
                                <li>
                                    <a href="#">
                                        <img src="../imgs/img//banner1.jpg" />
                                    </a>
                                </li>
                                <li>
                                    <a href="#">
                                        <img src="../imgs/img//banner2.jpg" />
                                    </a>
                                </li>
                                <li>
                                    <a href="#">
                                        <img src="../imgs/img//banner3.jpg" />
                                    </a>
                                </li>
                                <li>
                                    <a href="#">
                                        <img src="../imgs/img//banner4.jpg" />
                                    </a>
                                </li>
                                <li>
                                    <a href="#">
                                        <img src="../imgs/img//banner5.jpg" />
                                    </a>
                                </li>
                            </ul>
                            <ul class="controls">
                                <li class="current">1</li>
                                <li>2</li>
                                <li>3</li>
                                <li>4</li>
                                <li>5</li>
                            </ul>
                            <span class="btnleft"></span>
                            <span class="btnright"></span>
                        </div>

                    </li>
                    <li>
                        <img src="../imgs/img/index100_05.jpg" alt="">
                    </li>
                    <li>
                        <img src="../imgs/img/index100_05.jpg" alt="">
                    </li>
                    <li>
                        <img src="../imgs/img/index100_05.jpg" alt="">
                    </li>
                    <li>
                        <img src="../imgs/img/index11_08.jpg" alt="">
                    </li>
                    <li>
                        <img src="../imgs/img/index100_11.jpg" alt="">
                    </li>
                    <li>
                        <img src="../imgs/img/index100_11.jpg" alt="">
                    </li>
                    <li>
                        <img src="../imgs/img/index100_11.jpg" alt="">
                    </li>

                </ul>
            </div>

        </div>
        <div class="cloths-bottom">
            <img src="../imgs/img/index15_13.jpg" alt="">
            <img src="../imgs/img/index15_14.jpg" alt="">
            <img src="../imgs/img/logo13_11.jpg" alt="">
            <img src="../imgs/img/logo13_12.jpg" alt="">
            <img src="../imgs/img/logo13_13.jpg" alt="">
            <img src="../imgs/img/logo13_14.jpg" alt="">
            <img src="../imgs/img/logo13_15.jpg" alt="">
            <img src="../imgs/img/logo13_16.jpg" alt="">
            <img src="../imgs/img/logo13_17.jpg" alt="">

        </div>
    </div>
    <!-- 运动区开始 -->
    <div class="sports container ">
        <div class="cloths-top clearfix">
            <h2 class="fs24 fl">户外运动</h2>
            <div class=" fr top-list">
                <p class="active">国际名品</p>
                <p>户外装备</p>
                <p>运动潮流</p>
            </div>
        </div>
        <div class="clearfix cloths-middle">
            <div class="cloths-left fl">
                <img src="../imgs/img/index7_17.jpg" alt="">
                <p class="left-list">
                    <a href="">防晒品</a>
                    <a href="">防晒品</a>
                    <a href="">防晒品</a>
                    <a href="">防晒品</a>
                    <a href="">防晒品</a>
                    <a href="">防晒品</a>
                    <a href="">防晒品</a>
                    <a href="">防晒品</a>
                    <a href="">防晒品</a>
                    <a href="">防晒品</a>
                    <a href="">防晒品</a>
                    <a href="">防晒品</a>
                </p>
            </div>
            <div class="cloths-right">
                <ul class="fr ">
                    <li>
                        <div class="pptbox " id="sslider">
                            <ul class="innerwrapper">
                                <li>
                                    <a href="#">
                                        <img src="../imgs/img//banner1.jpg" />
                                    </a>
                                </li>
                                <li>
                                    <a href="#">
                                        <img src="../imgs/img//banner2.jpg" />
                                    </a>
                                </li>
                                <li>
                                    <a href="#">
                                        <img src="../imgs/img//banner3.jpg" />
                                    </a>
                                </li>
                                <li>
                                    <a href="#">
                                        <img src="../imgs/img//banner4.jpg" />
                                    </a>
                                </li>
                                <li>
                                    <a href="#">
                                        <img src="../imgs/img//banner5.jpg" />
                                    </a>
                                </li>
                            </ul>
                            <ul class="controls">
                                <li class="current">1</li>
                                <li>2</li>
                                <li>3</li>
                                <li>4</li>
                                <li>5</li>
                            </ul>
                            <span class="btnleft"></span>
                            <span class="btnright"></span>
                        </div>

                    </li>
                    <li>
                        <img src="../imgs/img/index100_05.jpg" alt="">
                    </li>
                    <li>
                        <img src="../imgs/img/index100_05.jpg" alt="">
                    </li>
                    <li>
                        <img src="../imgs/img/index100_05.jpg" alt="">
                    </li>
                    <li>
                        <img src="../imgs/img/index11_08.jpg" alt="">
                    </li>
                    <li>
                        <img src="../imgs/img/index100_11.jpg" alt="">
                    </li>
                    <li>
                        <img src="../imgs/img/index100_11.jpg" alt="">
                    </li>
                    <li>
                        <img src="../imgs/img/index100_11.jpg" alt="">
                    </li>

                </ul>
            </div>

        </div>
        <div class="cloths-bottom">
            <img src="../imgs/img/index15_13.jpg" alt="">
            <img src="../imgs/img/index15_14.jpg" alt="">
            <img src="../imgs/img/logo13_11.jpg" alt="">
            <img src="../imgs/img/logo13_12.jpg" alt="">
            <img src="../imgs/img/logo13_13.jpg" alt="">
            <img src="../imgs/img/logo13_14.jpg" alt="">
            <img src="../imgs/img/logo13_15.jpg" alt="">
            <img src="../imgs/img/logo13_16.jpg" alt="">
            <img src="../imgs/img/logo13_17.jpg" alt="">

        </div>
    </div>
    <!-- 儿童区开始 -->
    <div class="child ">
        <div class="sports container ">
            <div class="cloths-top clearfix">
                <h2 class="fs24 fl">童装</h2>
                <h2 class="fs24 fl">童鞋</h2>
                <h2 class="fs24 fl">婴儿装</h2>
                <div class=" fr top-list">
                    <p class="active">儿童服装</p>
                    <p>婴儿装</p>
                    <p>小潮童鞋</p>
                </div>
            </div>
            <div class="clearfix cloths-middle">
                <div class="cloths-left fl">
                    <img src="../imgs/img/index7_17.jpg" alt="">
                    <p class="left-list">
                        <a href="">防晒品</a>
                        <a href="">防晒品</a>
                        <a href="">防晒品</a>
                        <a href="">防晒品</a>
                        <a href="">防晒品</a>
                        <a href="">防晒品</a>
                        <a href="">防晒品</a>
                        <a href="">防晒品</a>
                        <a href="">防晒品</a>
                        <a href="">防晒品</a>
                        <a href="">防晒品</a>
                        <a href="">防晒品</a>
                    </p>
                </div>
                <div class="cloths-right">
                    <ul class="fr ">
                        <li>
                            <div class="pptbox " id="clslider">
                                <ul class="innerwrapper">
                                    <li>
                                        <a href="#">
                                            <img src="../imgs/img//banner1.jpg" />
                                        </a>
                                    </li>
                                    <li>
                                        <a href="#">
                                            <img src="../imgs/img//banner2.jpg" />
                                        </a>
                                    </li>
                                    <li>
                                        <a href="#">
                                            <img src="../imgs/img//banner3.jpg" />
                                        </a>
                                    </li>
                                    <li>
                                        <a href="#">
                                            <img src="../imgs/img//banner4.jpg" />
                                        </a>
                                    </li>
                                    <li>
                                        <a href="#">
                                            <img src="../imgs/img//banner5.jpg" />
                                        </a>
                                    </li>
                                </ul>
                                <ul class="controls">
                                    <li class="current">1</li>
                                    <li>2</li>
                                    <li>3</li>
                                    <li>4</li>
                                    <li>5</li>
                                </ul>
                                <span class="btnleft"></span>
                                <span class="btnright"></span>
                            </div>

                        </li>
                        <li>
                            <img src="../imgs/img/index100_05.jpg" alt="">
                        </li>
                        <li>
                            <img src="../imgs/img/index100_05.jpg" alt="">
                        </li>
                        <li>
                            <img src="../imgs/img/index100_05.jpg" alt="">
                        </li>
                        <li>
                            <img src="../imgs/img/index11_08.jpg" alt="">
                        </li>
                        <li>
                            <img src="../imgs/img/index100_11.jpg" alt="">
                        </li>
                        <li>
                            <img src="../imgs/img/index100_11.jpg" alt="">
                        </li>
                        <li>
                            <img src="../imgs/img/index100_11.jpg" alt="">
                        </li>

                    </ul>
                </div>

            </div>
            <div class="cloths-bottom">
                <img src="../imgs/img/index15_13.jpg" alt="">
                <img src="../imgs/img/index15_14.jpg" alt="">
                <img src="../imgs/img/logo13_11.jpg" alt="">
                <img src="../imgs/img/logo13_12.jpg" alt="">
                <img src="../imgs/img/logo13_13.jpg" alt="">
                <img src="../imgs/img/logo13_14.jpg" alt="">
                <img src="../imgs/img/logo13_15.jpg" alt="">
                <img src="../imgs/img/logo13_16.jpg" alt="">
                <img src="../imgs/img/logo13_17.jpg" alt="">

            </div>
        </div>
    </div>
    <!-- 家居用品开始 -->
    <div class="home container mt30 ">
        <div class="home-top cloths-top">
            <h2 class="fs24">家居日用</h2>
        </div>
        <div class="home-bottom">
            <ul class="clearfix">
                <li><img src="../imgs/img/index21_05.jpg" alt=""></li>
                <li><img src="../imgs/img/index22_05.jpg" alt=""></li>
                <li><img src="../imgs/img/index22_05.jpg" alt=""></li>
                <li><img src="../imgs/img/index22_05.jpg" alt=""></li>
                <li><img src="../imgs/img/index22_05.jpg" alt=""></li>

                <li><img src="../imgs/img/index23_08.jpg" alt=""></li>
                <li><img src="../imgs/img/index23_08.jpg" alt=""></li>
                <li><img src="../imgs/img/index23_08.jpg" alt=""></li>
                <li><img src="../imgs/img/index23_08.jpg" alt=""></li>

            </ul>

        </div>

    </div>
    <!-- 推广商品开始 -->
    <div class="goods container mt30 ">
        <div class="goods-top cloths-top">
            <h2 class="fs24">推广商品</h2>
        </div>
        <div class="goods-buttom">
            <ul class="clearfix">
                <li class="active">
                    <p> <img src="../imgs/img/index25_12.jpg" alt=""></p>
                    <p>pigeon法国制奶嘴，无毒天然乳胶</p>
                    <p>&yen :189</p>
                    <p>已有988条评论</p>
                </li>
                <li>
                    <p> <img src="../imgs/img/index25_12.jpg" alt=""></p>
                    <p>pigeon法国制奶嘴，无毒天然乳胶</p>
                    <p>&yen :189</p>
                    <p>已有988条评论</p>
                </li>
                <li>
                    <p> <img src="../imgs/img/index25_12.jpg" alt=""></p>
                    <p>pigeon法国制奶嘴，无毒天然乳胶</p>
                    <p>&yen :189</p>
                    <p>已有988条评论</p>
                </li>
                <li>
                    <p> <img src="../imgs/img/index25_12.jpg" alt=""></p>
                    <p>pigeon法国制奶嘴，无毒天然乳胶</p>
                    <p>&yen :189</p>
                    <p>已有988条评论</p>
                </li>
                <li>
                    <p> <img src="../imgs/img/index25_12.jpg" alt=""></p>
                    <p>pigeon法国制奶嘴，无毒天然乳胶</p>
                    <p>&yen :189</p>
                    <p>已有988条评论</p>
                </li>
                <li>
                    <p> <img src="../imgs/img/index25_12.jpg" alt=""></p>
                    <p>pigeon法国制奶嘴，无毒天然乳胶</p>
                    <p>&yen :189</p>
                    <p>已有988条评论</p>
                </li>
                <li>
                    <p> <img src="../imgs/img/index25_12.jpg" alt=""></p>
                    <p>pigeon法国制奶嘴，无毒天然乳胶</p>
                    <p>&yen :189</p>
                    <p>已有988条评论</p>
                </li>
                <li>
                    <p> <img src="../imgs/img/index25_12.jpg" alt=""></p>
                    <p>pigeon法国制奶嘴，无毒天然乳胶</p>
                    <p>&yen :189</p>
                    <p>已有988条评论</p>
                </li>
                <li>
                    <p> <img src="../imgs/img/index25_12.jpg" alt=""></p>
                    <p>pigeon法国制奶嘴，无毒天然乳胶</p>
                    <p>&yen :189</p>
                    <p>已有988条评论</p>
                </li>
                <li>
                    <p> <img src="../imgs/img/index25_12.jpg" alt=""></p>
                    <p>pigeon法国制奶嘴，无毒天然乳胶</p>
                    <p>&yen :189</p>
                    <p>已有988条评论</p>
                </li>


            </ul>

        </div>

    </div>
    
    <div class="footer mt30">
        <div class="footer-top bt6">

        </div>
        <div class="footer-bottom">
            <div class="bot-one">
                <div>
                    <img src="../imgs/img/222_11.png" alt="">
                    <img src="../imgs/img/222_13.png" alt="">
                    <img src="../imgs/img/222_15.png" alt="">
                    <img src="../imgs/img/222_17.png" alt="">
                </div>
            </div>
            <div class="bot-two">
                <ul class="clearfix">
                    <li>
                        <h3>购物指南</h3>
                        <p><a>购物流程</a></p>
                        <p><a>发票制度</a></p>
                        <p><a>账户管理</a></p>
                        <p><a>账户管理</a></p>
                        <p><a>会员优惠</a></p>
                    </li>
                    <li>
                        <h3>购物指南</h3>
                        <p><a>购物流程</a></p>
                        <p><a>发票制度</a></p>
                        <p><a>账户管理</a></p>
                        <p><a>账户管理</a></p>
                        <p><a>会员优惠</a></p>
                    </li>
                    <li>
                        <h3>购物指南</h3>
                        <p><a>购物流程</a></p>
                        <p><a>发票制度</a></p>
                        <p><a>账户管理</a></p>
                        <p><a>账户管理</a></p>
                        <p><a>会员优惠</a></p>
                    </li>
                    <li>
                        <h3>购物指南</h3>
                        <p><a>购物流程</a></p>
                        <p><a>发票制度</a></p>
                        <p><a>账户管理</a></p>
                        <p><a>账户管理</a></p>
                        <p><a>会员优惠</a></p>
                    </li>
                    <li>
                        <h3>购物指南</h3>
                        <p><a>购物流程</a></p>
                        <p><a>发票制度</a></p>
                        <p><a>账户管理</a></p>
                        <p><a>账户管理</a></p>
                        <p><a>会员优惠</a></p>
                    </li>
                </ul>
            </div>
            <div class="bot-three">
                <p>
                    <span>公司简介&emsp;|</span>
                    <span>inverstor relations&emsp;|</span>
                    <span>网站联盟&emsp;|</span>
                    <span>乐购招商&emsp;|</span>
                    <span>机构销售&emsp;|</span>
                    <span>手机乐购&emsp;|</span>
                    <span>官方blog&emsp;|</span>
                    <span>热词搜索&emsp;|</span>
                </p>
                <p>乐购网 2004-2016</p>
            </div>
        </div>

    </div>



</body>

</html>